@charset "utf-8";
.sudy-slide { zoom: 1; position: relative; font: 14px/1.5 "\5b8b\4f53",sans-serif; overflow:hidden;}
.slide-wrap {margin: auto; position: relative; }
.slide-container { position: absolute; overflow: hidden; left:0; top:0;}
.slide-container .slide-item { position:absolute; width:100%; height: 100%; left:200%; top:0; overflow: hidden; z-index: 1}
.slide-container .slide-item img { width: 100%; height: 100%; border:0; vertical-align: top;}
.slide-title-bar {width:100%;background-image: url(../../../images/zibj_03.png);background-repeat: no-repeat;background-position: bottom;position:absolute;text-align: center;bottom: 0px;z-index: 40;white-space: nowrap;height: 50px;}
.slide-title-bg { }
.slide-title {width: 100%;text-align: center; display: inline-block; white-space: nowrap;color: #fff; font-size: 16px; font-weight: normal;font-family: "Microsoft YaHei"; position: absolute; left: 0px; /* top: 50%; */ z-index: 50;}
.slide-title a,.slide-text a { color: #fff; text-decoration: none;}
.slide-title a:hover,.slide-text a:hover { color: #e5e5e5; text-decoration: none;}
.slide-text-box { position:absolute; left:30px; top:10px; z-index: 20; width: 40%; height: 100px;}
.slide-text-bg { width: 100%; height: 100%; background-color: #000; opacity: 0.7; filter:alpha(opacity=70);}
.slide-text-inner { position: absolute; left: 0; top: 0; z-index: 30; height: 100%; overflow: hidden;}
.slide-text{ padding:10px; line-height: 1.5; color: #fff; font-size: 13px; }
.slide-navigation { display:block; width:71px; text-align:center; height:71px;text-decoration: none; cursor:pointer; position:absolute; bottom:45%; margin-top:-22px; z-index: 50;border-radius: 50%; }
.slide-navigation:hover {font-weight: bold; color: #fff; text-decoration: none;}
.slide-navigation:active {opacity: 1; filter:alpha(opacity=100);}
.slide-prev { left: 23px;background:rgba(0,0,0,0.3) url(images/prev_bg.png) no-repeat center;}
.slide-next { right: 23px;background:rgba(0,0,0,0.3) url(images/next_bg.png) no-repeat center;}
.slide-page { display:inline-block; width:10px; height:10px; line-height:10px; text-align:center; font-size:12px; text-decoration: none; font-family:Arial, Helvetica, sans-serif; overflow:hidden; border-radius:5px; background-color:#999; color:#fff; margin-right:5px; cursor:pointer;}
.slide-page span { display: none;}
.slide-page:hover { text-decoration: none; font-size: 12px; color: #fff; font-weight: bold; }
.slide-page-active { background-color:#ff4019;}
.slide-mask { position: absolute; top:0; z-index: 100; width: 100%; height: 100%; z-index: 40; background: #000; opacity: 0.7; filter:alpha(opacity=70);}
.mask-left { left: -100%;}
.mask-right { left: 100%;}
.slide-thumb { height: 72px; position: absolute; left:20px; bottom: 0px; z-index: 40;}
.slide-thumb .thumb-image { display: inline-block; cursor: default; border:2px solid #000; width: 50px; height: 50px; float: left; margin-left: 6px; margin-top: 9px;}
.slide-thumb .thumb-image img { width: 100%; height: 100%; border:0;}
.slide-thumb .thumb-active {border-color: #c60;}
.slide-progress{ width:100%; height:3px; overflow:hidden; background:#ccc; position:absolute; left:0; bottom:-4px; z-index:300;display:none;}
.slide-progress div { display:block; width:0; height:4px; background:#fff; position:absolute; left:0; top:0;}
.slide-progress div span { display:block; height:4px;background:#ccc;border-right:1px solid #FFFFFF;}
.slide-progress div.slide-step { z-index:400;}
.slide-progress div.slide-step span { background:#6d1419;}
/*分页*/
.slide-pagination{position:absolute; z-index:100;width: 100%; bottom: 10%;left: 0; text-align: center;}
.slide-pagination .pagination-li{display:inline-block; width:12px; height:12px; margin:0px 4px; border-radius:25px;background:#fff;transition: 0.5s;}
.slide-pagination .pagination-li.active{width:67px;border-radius:8px;}
/*数字*/
.slide-mark{position:absolute; top:28%; right:30px; z-index:100; font-size:22px; font-family:"arial"; color:#fff;vertical-align:top; }
.slide-mark .mark-index{display:inline-block; margin-top:-10px; font-size:45px; vertical-align:top;  }
.slide-mark .mark-num{vertical-align:top; }